﻿@using Resources;
<script type="text/javascript">
    $(function () {
        calendarioGeneral('fecIniVig', '1');
        calendarioGeneral('fecFinVig', '1');
        setAutoAyudaGen("#vDepOrigen", "#nIdeDepOrigen", "/AutoAyuda/ListaMaeDependenciaAuto");
        setAutoAyudaGen("#vDepDestino", "#nIdeDepDestino", "/AutoAyuda/ListaMaeDependenciaAuto");       
    });
</script>
<script type="text/javascript" src="@Url.Content(@properties.reporteJS)" ></script>
<input type="hidden" id="nIdeDepOrigen" />
<input type="hidden" id="nIdeDepDestino" />
<div id="tituloOpcion">@ViewBag.TITULO</div>
<div id="divCabeceraInterno1">
<div id="divCabeceraInterno2">
    <table class="tblCab1" border="0" style="width:950px;">
        <thead>        
        <tr>
            <th>Hora (hh:mm h24)</th>
            <th>:</th>
            <td>
                <select id="hora1"  name="hora1" class="selectV2" onchange="javascript:cambiaHora(this,'1');">
                    <option value="">Desde</option>
                    <option value="05:00:00">05:00</option>
                    <option value="06:00:00">06:00</option>
                    <option value="07:00:00">07:00</option>
                    <option value="08:00:00">08:00</option>
                    <option value="09:00:00">09:00</option>
                    <option value="10:00:00">10:00</option>
                    <option value="11:00:00">11:00</option>
                    <option value="12:00:00">12:00</option>
                    <option value="13:00:00">13:00</option>
                    <option value="14:00:00">14:00</option>
                    <option value="15:00:00">15:00</option>
                    <option value="16:00:00">16:00</option>
                    <option value="17:00:00">17:00</option>
                    <option value="18:00:00">18:00</option>
                    <option value="19:00:00">19:00</option>
                    <option value="20:00:00">20:00</option>
                    <option value="21:00:00">21:00</option>
                    <option value="22:00:00">22:00</option>
                    <option value="23:00:00">23:00</option>
                </select>
            </td>
            <td>
                <select id="hora2" name="hora2" class="selectV2" onchange="javascript:cambiaHora(this,'2');">
                    <option value="">Hasta</option>
                    <option value="05:00:00">05:00</option>
                    <option value="06:00:00">06:00</option>
                    <option value="07:00:00">07:00</option>
                    <option value="08:00:00">08:00</option>
                    <option value="09:00:00">09:00</option>
                    <option value="10:00:00">10:00</option>
                    <option value="11:00:00">11:00</option>
                    <option value="12:00:00">12:00</option>
                    <option value="13:00:00">13:00</option>
                    <option value="14:00:00">14:00</option>
                    <option value="15:00:00">15:00</option>
                    <option value="16:00:00">16:00</option>
                    <option value="17:00:00">17:00</option>
                    <option value="18:00:00">18:00</option>
                    <option value="19:00:00">19:00</option>
                    <option value="20:00:00">20:00</option>
                    <option value="21:00:00">21:00</option>
                    <option value="22:00:00">22:00</option>
                    <option value="23:59:00">23:59</option>
                </select>
            </td>
            <th>Área Origen<span class="asterisco">(*)</span></th>
            <th>:</th>
            <td>@Html.TextBox("vDepOrigen", null, new {style = "width:235px;text-transform:none;", maxlength = 120 })<img src="@Url.Content("~/images/buscar.gif")" class="lupita1"  alt="BUSCAR AREA" onclick="javascript:listarDepenPoRegion('1','nIdeDepOrigen','vDepOrigen');" /></td>
            <td rowspan="2">
                <table class="tblCero">
                    <tr><td>Clase</td><td>Área</td><td>Año</td><td>Correlativo</td></tr>
                    <tr>
                        <td>@Html.DropDownList("nIdeClaseSolicitud", (IEnumerable<SelectListItem>)ViewBag.ClaseTramite, "--escoger--")</td>
                        <td><input type="text" name="nIdeDepSolicitud" id="nIdeDepSolicitud" style="width: 40px;" maxlength="4" onkeypress = "return validarSoloNumeros(event);" ondblclick = "javascript:limpiaCaja(this);"/></td>
                        <td><input type="text" name="nAnnSolicitud" id="nAnnSolicitud" style="width: 30px;" value="@String.Format("{0:yyyy}", DateTime.Now)" maxlength="4" onkeypress = "return validarSoloNumeros(event);" ondblclick = "javascript:limpiaCaja(this);"/></td>
                        <td><input type="text" name="nNumCorre" id="nNumCorre" style="width: 40px;" maxlength="4" value="" onkeypress = "return validarSoloNumeros(event);" ondblclick="javascript:limpiaCaja(this);" /></td>
                    </tr>
                </table>
            </td>
            <th><input type="button" value="Consultar" onclick="javascript: reporteCargoDet('#divDetalle','1');" style="width:70px;"/></th>
        </tr>
            <tr>
            <th>Fecha Consulta<span class="asterisco">(*)</span></th>
            <th>:</th>
            <td>@Html.TextBox("fecIniVig", null, new {maxlength = 10, @class="textBoxUpper", @style="width:70px;", onkeyup="javascript:setFechaCaja(this);", onkeypress = "return validarCharFecha(event);", onblur="javascript:ValDateTextNew(this);" })</td>
            <td>@Html.TextBox("fecFinVig", null, new {maxlength = 10, @Value="01/01/2013", @class="textBoxUpper", @style="width:70px;", onkeyup="javascript:setFechaCaja(this);", onkeypress = "return validarCharFecha(event);", onblur="javascript:ValDateTextNew(this);" })</td>
            <th>Área Destino</th>
            <th>:</th>
            <td>@Html.TextBox("vDepDestino", null, new {style = "width:235px;text-transform:none;", maxlength = 120 })<img src="@Url.Content("~/images/buscar.gif")" class="lupita1"  alt="BUSCAR AREA" onclick="javascript:listarDepenPoRegion('1','nIdeDepDestino','vDepDestino');" /></td>
            <td>&nbsp;</td>
        </tr>
        </thead>        
    </table>    
</div>
</div>
<div id="divDetalle"></div>
<div id="poPup"></div>